<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式的继承</title>
    <style>
        /*
        1、样式的继承：为一个元素设置的样式同时也会应用到它得后代元素上
        2、继承：发生在祖先和后代之间，方便开发，利用继承统一设置到祖先元素得样式
        3、注意：并非所有样式都会被继承 eg:背景相关、布局相关等
        4、
        */
        p{
            color:red;
            font-size:20px;
        }
        div{
            color:yellowgreen;
        }

    </style>
</head>
<body>
    <p>
        我是一个p元素
        <span>我是p元素中的span</span>
    </p>
    <span>我是p元素外得span</span>

    <div>
        我是
        <span>
            我是div中的span
            <em>
                我是span中的em
            </em>
        </span>
    </div>
    
</body>
</html>